
// Floats
.l-left {
    float: left;
    margin-right: $unit * 1px;
}

// Display model
.l-inline {
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;

    & > li {
        display: inline;
    }
}

// Text alignment
.l-align-center {
    text-align: center;
}

// Full Width content
.l-full-width {
    @media screen and (max-width: $canvasMedium - 1) {
        width: $canvasSmall;
        @include primaryPadding($canvasSmall);
        margin-left: -16px;
    }
    @media screen and (min-width: $canvasMedium) and (max-width: $canvasLarge - 1) {
        width: $canvasMedium;
        @include primaryPadding($canvasMedium);
        margin-left: -16px;
    }
    @media screen and (min-width: $canvasLarge) {
        width: $canvasLarge;
        @include primaryPadding($canvasLarge);
        margin-left: -16px;
    }
}
